<script setup>
  const searchForm = reactive({});
  const pagination = reactive({
    total: 20,
    'current-page': 1,
    'page-size': 20
  });
  const columns = [
    {
      label: '任务名称'
    },
    {
      label: '流程名称'
    },
    {
      label: '环节'
    },
    {
      label: '督察意见'
    },
    {
      label: '任务接受时间'
    },
    {
      label: '操作'
    }
  ];
  const tableData = ref([]);
</script>

<template>
  <div>
    <NcTitle title="筛选条件" has-padding>
      <NstdForm :model="searchForm">
        <NstdRow :gutter="20">
          <NstdCol :span="8">
            <NstdFormItem label="流程名称">
              <NstdInput />
            </NstdFormItem>
          </NstdCol>
        </NstdRow>
      </NstdForm>
    </NcTitle>
    <NcTitle title="列表" :actions="[]">
      <NcTable height="400" :columns="columns" :data="tableData" :pagination="pagination" />
    </NcTitle>
  </div>
</template>

<style scoped lang="scss"></style>
